import { ComponentWithAs } from "@chakra-ui/react";
import { CalendarIcon, ChatIcon, SunIcon, StarIcon, TimeIcon } from "@chakra-ui/icons";
import { Song } from "@/faker/songs/ranking-songs";

interface ISongsPopoverItem {
    name: string;
    icon: ComponentWithAs<any>;
    subItems: { name: string, id: string }[];
}

export const songsPopoverItems: ISongsPopoverItem[] = [
    {
        name: "默认",
        icon: CalendarIcon,
        subItems: [
            {
                name: "精选歌单",
                id: "1"
            }
        ]
    },
    {
        name: "主题",
        icon: ChatIcon,
        subItems: [
            {
                name: "抖音",
                id: "2"
            },
            {
                name: "经典",
                id: "3"
            },  
            {
                name: "怀旧",
                id: "4"
            },
            {
                name: "摇滚",
                id: "5"
            },
            {
                name: "流行",
                id: "6"
            }, 
            {
                name: "民谣",
                id: "7"
            },
            {
                name: "电子",
                id: "8"
            },
            {
                name: "说唱",
                id: "9"
            },
            {
                name: "爵士",
                id: "10"
            },
            {
                name: "古典",
                id: "11"
            },
            {
                name: "乡村",
                id: "12"
                },
            {
                name: "蓝调",
                id: "13"
            },
        ]
    },
    {
        name: "心情",
        icon: SunIcon,
        subItems: [
            {
                name: "孤独",
                id: "14"
                        },
            {
                name: "安静",
                id: "15"
            },
            {
                name: "伤感",
                id: "16"
                },
            {
                name: "励志",
                id: "17"
            },
            {
                name: "甜蜜",
                id: "18"
                },
            {
                name: "浪漫",
                id: "19"
            },
        ]
    },
    {
        name: "场景",
        icon: StarIcon,
        subItems: [
            {
                    name: "旅行",
                id: "20"
            },
            {
                name: "运动",
                id: "21"
            },
            {
                name: "学习",
                id: "22"
            },
            {
                name: "工作",
                id: "23"
            },
            {
                name: "约会",
                id: "24"
            },
            {
                name: "聚会",
                id: "25"
            },
            {
                name: "节日",
                id: "26"
            },

        ]
    },
    {
        name: "年代",
        icon: TimeIcon,
        subItems: [
            {
                name: "70后",
                id: "27"
            },
            {
                name: "80后",
                id: "28"
            },
            {
                name: "90后",
                id: "29"
            },
            {
                name: "00后",
                id: "30"
            },
            {
                name: "10后",
                id: "31"
            },
        ]
    }
]

